<template>
  <div class="profile">
    <div v-if="$route.path === '/profile'" class="profile-center">
      <header-profile />
      <content-profile />
      <footer-profile />
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
import headerProfile from './components/head-profile/head-profile.vue';
import contentProfile from './components/content-profile/content-profile.vue';
import footerProfile from './components/footer-profile/footer-profile.vue';
import 'assets/icon-iconfont/iconfont.css';

export default {
    name: 'profile',
    components: {
        headerProfile,
        contentProfile,
        footerProfile
    }
};
</script>

<style scoped></style>
